<!doctype html>
<html>
  <head>
    <title>HTML Imports Test</title>
    <script src="../../tools/test/htmltest.js"></script>
    <script src="../../node_modules/chai/chai.js"></script>
    <script src="../../polymer.js"></script>
  </head>
  <body>
    <table><tr is="x-foo" id="foo"></tr></table>
    <element name="x-foo" extends="tr">
      <template>
        <table><tr><td>{{name}}</td></tr></table>
      </template>
      <script>
        Polymer.register(this, {
          name: 'zuck',
          ready: function() {
            this.webkitShadowRoot.appendChild(this.webkitShadowRoot.querySelector('td'));
          }
        });
      </script>
    </element>
    <script>
      addEventListener('WebComponentsReady', function() {
        var xfoo = document.createElement('x-foo');
        done();
      });
    </script>
  </body>
</html>
